<template>
  <div class="canvas">
    <canvas id="canvas" width="800" height="600" ref="canvas"></canvas>
    <div class="headline-bg">
      <canvas id="waves" class="waves"></canvas>
    </div>
  </div>
</template>
 
<script>
// import '../../../../public/js/wave/index.js';
// import '../../../../public/js/wave/vendors.js';
export default {
  data () {
    return {
      msg:''
    }
  }
}
</script>
 
<style scoped lang="scss">
  .headline-bg {
    width: 100%;
    height: 680px;
    overflow: hidden;
    // background: linear-gradient(top, #1B3A67, #0E2244);
    // background: -webkit-linear-gradient(top, #1B3A67, #0E2244);
    // background: -moz-linear-gradient(top, #1B3A67, #0E2244);
    // background: -o-linear-gradient(top, #1B3A67, #0E2244);
    // background: -ms-linear-gradient(top, #1B3A67, #0E2244)
  }
</style>